<template>
	<view class="order-item ss-flex ss-row-between" :class="showB&&'border-b'">
		<z-required-title>{{ label }}</z-required-title>
		<view v-if="value" class="fc-dark6 fs-28">{{ value }}</view>
		<slot v-else></slot>
	</view>
</template>

<script setup>
	const props = defineProps({
		label: {
			type: String,
			default: ''
		},
		showB: {
			type: Boolean,
			default: true
		},
		value: {
			type: [String,Number],
			default: ''
		}
	})
</script>

<style lang="scss" scoped>
	.order-item {
		width: 100%;
		height: 96rpx;
	}
	.border-b {
		border-bottom: 1rpx solid #eee;
	}
</style>